<div class="bjui-pageContent">
    <form action="/admin/personnel/address-list-member-add" data-toggle="ajaxform" data-options="{
        closeCurrent: true,
        okAfterCallback: refreshAddressList,
        beforeSubmit: checkAddressListMemberData
    }">
        <div class="bjui-row col-3">
            <div class="panel">
                <label class="row-label" style="width: 150px">姓名:</label>
                <div class="row-input required" style="width:200px">
                    <input type="text" name="name" value="" data-rule="required;length[~10]">
                </div>
                <label class="row-label" style="width: 150px">手机号:</label>
                <div class="row-input required" style="width:200px">
                    <input type="text" name="mobile" value="" data-rule="required;mobile">
                </div>
                <br/>
                {{--<label class="row-label" style="width: 150px">性别:</label>--}}
                {{--<div class="row-input required" style="width:200px">--}}
                    {{--<select data-toggle="selectpicker" id="sex" name="sex">--}}
                        {{--<option value="">请选择</option>--}}
                        {{--<option value="1">男</option>--}}
                        {{--<option value="2">女</option>--}}
                    {{--</select>--}}
                {{--</div>--}}
                {{--<label class="row-label" style="width: 150px">籍贯:</label>--}}
                {{--<div class="row-input required" style="width:200px">--}}
                    {{--<input type="text" name="birthplace" value="" data-rule="required">--}}
                {{--</div>--}}
                {{--<label class="row-label" style="width: 150px">生日:</label>--}}
                {{--<div class="row-input required" style="width:200px">--}}
                    {{--<input type="text" name="birthdate" data-toggle="datepicker" value=""--}}
                           {{--data-rule="required" placeholder="点击日历选择日期" readonly>--}}
                {{--</div>--}}
                {{--<br/>--}}
                {{--<label class="row-label" style="width: 150px">证件类型:</label>--}}
                {{--<div class="row-input required" style="width:200px">--}}
                    {{--<select data-toggle="selectpicker" name="credential_type">--}}
                        {{--<option value="1">身份证</option>--}}
                    {{--</select>--}}
                {{--</div>--}}
                {{--<label class="row-label" style="width: 150px">证件号:</label>--}}
                {{--<div class="row-input required" style="width:200px">--}}
                    {{--<input type="text" name="credential_number" value="" data-rule="required;length[~18]">--}}
                {{--</div>--}}
                <label class="row-label" style="width: 150px">部门:</label>
                <div class="row-input required" style="width:200px">
                    <select data-toggle="selectpicker" id="oa_department_id" name="oa_department_id">
                        <option value="">请选择</option>
                        @foreach($departmentList as $department)
                            <option value="{{$department['id']}}">{{$department['name']}}</option>
                        @endforeach
                    </select>
                </div>
                <label class="row-label" style="width: 150px">岗位:</label>
                <div class="row-input required" style="width:200px">
                    <input type="text" name="position" value="" data-rule="required">
                </div>
                <br/>
                <label class="row-label" style="width: 150px">工号:</label>
                <div class="row-input required" style="width:200px">
                    <select data-toggle="selectpicker" id="employee_number" name="employee_number">
                        <option value="">请选择</option>
                        @foreach($employeeNumberList as $employeeNumber)
                            <option value="{{$employeeNumber['id']}}">{{$employeeNumber['employee_number']}}</option>
                        @endforeach
                    </select>
                </div>
                <label class="row-label" style="width: 150px">角色:</label>
                <div class="row-input required" style="width:200px">
                    <select data-toggle="selectpicker" id="role_name" name="role_id">
                        <option value="">请选择</option>
                        @foreach($roleList as $role)
                            <option value="{{$role['id']}}">{{$role['display_name']}}</option>
                        @endforeach
                    </select>
                </div>
                <br/>
                {{--<label class="row-label" style="width: 150px">家庭住址:</label>--}}
                {{--<div class="row-input required" style="width:550px">--}}
                    {{--<input type="text" name="address" value="" data-rule="required">--}}
                {{--</div>--}}
                {{--<br/>--}}
                <label class="row-label" style="width: 150px">email:</label>
                <div class="row-input" style="width:200px">
                    <input type="text" name="email" value="">
                </div>
                <br/>
                <label class="row-label" style="width: 150px">通讯录头像</label>
                <div class="row-input" style="width:200px">
                    <input type="file" data-name="profile_photo_url" data-toggle="webuploader" data-options="
                        {
                            pick: {label: '点击选择图片'},
                            server: '/admin/personnel/profile-photo-upload',
                            fileNumLimit: 1,
                            formData: {_token:'{{csrf_token()}}'},
                            required: false,
                            uploaded: '',
                            basePath: '',
                            accept: {
                                title: '图片',
                                extensions: 'jpg,png',
                                mimeTypes: '.jpg,.png'
                            }
                        }">
                </div>
                <br>
                <label class="row-label" style="width: 150px">人员类型</label>
                <div class="row-input" style="width:200px">
                    <select data-toggle="selectpicker" id="type" name="type" onchange="changeType(this.value)">
                        <option value="1">正式工</option>
                        <option value="2">临时工</option>
                    </select>
                </div>
                <br/>
                <div id="formal-worker">
                    {{--<label class="row-label" style="width: 150px">民族:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="ethnicity" value="">--}}
                    {{--</div>--}}
                    {{--<label class="row-label" style="width: 150px">学历:</label>--}}
                    {{--<div class="row-input required" style="width:200px">--}}
                        {{--<select data-toggle="selectpicker" id="education" name="education">--}}
                            {{--<option value="">请选择</option>--}}
                            {{--<option value="1">高中</option>--}}
                            {{--<option value="2">大专</option>--}}
                            {{--<option value="3">本科</option>--}}
                        {{--</select>--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<label class="row-label" style="width: 150px">婚姻状况:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<select data-toggle="selectpicker" name="marital_status">--}}
                            {{--<option value="0">不明</option>--}}
                            {{--<option value="1">未婚</option>--}}
                            {{--<option value="2">已婚</option>--}}
                            {{--<option value="3">离异</option>--}}
                        {{--</select>--}}
                    {{--</div>--}}
                    {{--<label class="row-label" style="width: 150px">户籍类型:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<select data-toggle="selectpicker" name="household_registratio_type">--}}
                            {{--<option value="0">不明</option>--}}
                            {{--<option value="1">农业户口</option>--}}
                            {{--<option value="2">非农户口</option>--}}
                        {{--</select>--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<label class="row-label" style="width: 150px">人员来源:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="personnel_sources" value="">--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<label class="row-label" style="width: 150px">健康证有效期:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="health_certificate_term" data-toggle="datepicker" value=""--}}
                               {{--placeholder="点击日历选择日期" readonly>--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<label class="row-label" style="width: 150px">备注:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<textarea name="note"></textarea>--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<label class="row-label" style="width: 150px">公积金:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="accumulation_fund" value="">--}}
                    {{--</div>--}}
                    {{--<label class="row-label" style="width: 150px">公积金基数:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="accumulation_fund_base" value="">--}}
                    {{--</div>--}}
                    {{--<label class="row-label" style="width: 150px">公积金调整时间:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="accumulation_fund_adjust_time" data-toggle="datepicker" value=""--}}
                               {{--placeholder="点击日历选择日期" readonly>--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<label class="row-label" style="width: 150px">社保基数:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="social_security_base" value="">--}}
                    {{--</div>--}}
                    {{--<label class="row-label" style="width: 150px">参保基数调整时间:</label>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                        {{--<input type="text" name="insured_adjust_time" data-toggle="datepicker" value=""--}}
                               {{--placeholder="点击日历选择日期" readonly>--}}
                    {{--</div>--}}
                    {{--<br/>--}}
                    {{--<div class="row-input" style="width:200px">--}}
                    {{--@include('admin.widgets.address-list', ['multiple' => 'false'])--}}
                    {{--</div>--}}
                </div>
                <div id="temporary-worker" style="display:none">
                    <label class="row-label" style="width: 150px">到厂日期:</label>
                    <div class="row-input" style="width:200px">
                        <input type="text" name="start_time" data-toggle="datepicker" value=""
                               placeholder="点击日历选择日期" readonly>
                    </div>
                    <br/>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li>
            <button type="button" class="btn-close" data-icon="close">取消</button>
        </li>
        <li>
            <button type="submit" class="btn-default" data-icon="save">保存</button>
        </li>
    </ul>
</div>
<script>
    function refreshAddressList() {
        $('#company-address-list').datagrid('refresh', true);
    }
    function checkAddressListMemberData() {
        var role = $.CurrentNavtab.find("#role_name").val();
        var department = $.CurrentNavtab.find("#oa_department_id").val();
//        var sex = $.CurrentNavtab.find("#sex").val();
//        var education = $.CurrentNavtab.find("#education").val();
        var employee_number = $.CurrentNavtab.find("#employee_number").val();
        var type = $.CurrentNavtab.find("#type").val();
        if (role) {
            if (department) {
//                if (sex) {
                    if (employee_number) {
//                        if (education) {
//                            return true;
//                        } else {
//                            if (type == 2) {
                                return true;
//                            }
//                            BJUI.alertmsg('info', '请选择学历');
//                        }
                    } else {
                        BJUI.alertmsg('info', '请选择工号');
                    }
//                } else {
//                    BJUI.alertmsg('info', '请选择性别');
//                }
            } else {
                BJUI.alertmsg('info', '请选择部门');
            }
        } else {
            BJUI.alertmsg('info', '请选择角色');
        }
    }
    function changeType(value) {
        $.CurrentNavtab.find("#formal-worker").hide();
        $.CurrentNavtab.find("#temporary-worker").hide();
        if (value == 1) {
            $.CurrentNavtab.find("#formal-worker").show();
        } else {
            $.CurrentNavtab.find("#temporary-worker").show();
        }
    }
</script>